<template>
    <div>
        <img v-if="dark" style="width: 34%;margin-bottom: -5px" src="@/assets/img/tree/house_light.png">
        <img v-else style="width: 34%;margin-bottom: -5px" src="@/assets/img/tree/house.png">


        <div class="main_footer">
            <div style="margin-bottom: 20px">
                <a class="foot_tag" href="mailto:rocco_luo.zzh@foxmail.com" title="email">
                    <svg t="1616160938503" class="icon" viewBox="0 0 1365 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="4989" width="32" height="32">
                        <path d="M1365.209648 901.99365A122.003791 122.003791 0 0 1 1243.205857 1023.99744H122.136058a117.737924 117.737924 0 0 1-85.317337-35.833281 117.737924 117.737924 0 0 1-35.833281-85.317336V345.724617a404.404174 404.404174 0 0 0 76.785603 66.547522Q352.492866 597.410759 455.726843 675.049535l70.813389 49.484055a435.971589 435.971589 0 0 0 70.813389 36.686455 219.265554 219.265554 0 0 0 85.317336 18.769814 219.265554 219.265554 0 0 0 85.317337-18.769814 435.118415 435.118415 0 0 0 71.666562-36.686455l70.813389-49.484055q129.682351-93.84907 379.662147-262.777396a420.614468 420.614468 0 0 0 75.079256-66.547522z"
                              p-id="4990" fill="#e6e6e6"></path>
                        <path d="M1327.67002 237.371599a362.598679 362.598679 0 0 1-92.995897 93.84907l-356.626465 247.420276-31.567415 18.769814-40.952321 29.007894-37.539628 29.007895a230.356808 230.356808 0 0 1-43.511842 20.47616A121.150618 121.150618 0 0 1 682.670957 682.728095a121.150618 121.150618 0 0 1-38.392801-6.825387A230.356808 230.356808 0 0 1 597.353621 655.426548l-39.245975-24.742028L518.861672 597.410759l-32.420588-23.035681-198.789394-134.801391-156.130725-108.353018a377.9558 377.9558 0 0 1-85.317337-85.317336A178.313233 178.313233 0 0 1 0.132267 139.256663 153.571205 153.571205 0 0 1 31.699681 39.435379 109.206191 109.206191 0 0 1 122.136058 0.189404h1121.069799a117.737924 117.737924 0 0 1 85.317336 35.833282 116.884751 116.884751 0 0 1 35.833282 85.317336 201.348914 201.348914 0 0 1-36.686455 116.031577z"
                              p-id="4991" fill="#e6e6e6"></path>
                    </svg>
                </a>

                <a class="foot_tag" href="https://music.163.com/#/user/home?id=2034548698" title="网易云" target="_blank">
                    <svg class="icon" style="fill: currentColor;color:rgba(230,230,230,1);" viewBox="0 0 1024 1024"
                         xmlns="http://www.w3.org/2000/svg" width="34"
                         height="34">
                        <path d="M837.766 364.816c-50.828-54.107-111.313-91.2-187.245-98.706-7.324-.728-18.983-5.028-20.404-9.983-6.595-23.064-12.826-46.784-14.283-70.54-1.64-26.6 20.368-44.744 46.748-39.425 16.724 3.389 32.392 12.389 48.277 19.457 10.968 4.883 20.988 12.389 32.32 15.923 27.472 8.49 53.378-7.725 58.589-35.78 4.408-23.684-4.41-42.922-22.154-58.153-28.857-24.776-62.998-37.748-100.054-44.743-70.977-13.409-152.74 38.768-169.648 108.908-8.453 35.088-1.712 68.755 10.457 101.51 6.486 17.527 1.968 24.595-16.032 30.862-118.308 41.32-182.508 155.436-154.49 276.075 16.506 71.123 59.465 121.733 131.862 138.604 74.44 17.344 136.818-7.943 182.62-69.192 37.056-49.516 39.133-105.519 23.976-163.197-7.943-30.242-17.198-60.156-26.672-92.948 5.575 1.094 7.397 1.203 9.037 1.786 125.486 45.436 188.959 183.858 125.232 318.813-63.91 135.325-211.911 183.348-344.362 155.072-166.26-35.526-278.955-210.93-245.286-377.62 23.61-116.924 91.564-198.32 200.253-246.342 8.27-3.68 16.797-7.251 24.266-12.28 15.595-10.53 24.886-25.687 23.064-44.633-1.93-19.93-11.878-37.93-32.136-42.011-16.215-3.28-36.036-3.68-50.72 2.696-166.223 72.107-260.848 197.994-272.869 379.884-18.655 282.566 246.128 504.023 521.296 440.882 171.833-39.424 293.167-182.18 303.986-330.804 7.105-97.248-18.619-182.763-85.625-254.11zm-309.05 234.651c-39.06 3.352-71.233-23.83-77.609-65.548-11.113-72.545 19.894-127.162 85.48-151.94 12.606-4.774 18.18-2.915 21.934 10.858 8.745 32.1 19.493 63.617 28.675 95.609 3.133 10.93 3.972 22.554 5.83 33.885-.219 42.922-25.578 73.82-64.31 77.136z"/>
                    </svg>
                </a>
                <a class="foot_tag" href="https://space.bilibili.com/132989421" title="哔哩哔哩" target="_blank">
                    <svg class="icon" style="fill: currentColor;color:rgba(230,230,230,1);" viewBox="0 0 1069 1024" xmlns="http://www.w3.org/2000/svg" width="33"
                         height="33">
                        <path d="M868.93 171.112H697.817l77.535-77.535c13.369-13.368 13.369-32.084 0-45.452s-32.083-13.368-45.451 0L598.893 179.133H470.559L339.55 48.125c-10.695-13.368-26.736-16.041-42.778-8.02-2.674 0-2.674 2.673-5.347 5.347-13.369 13.368-13.369 32.083 0 45.451l80.208 80.21H200.522c-93.577 0-171.112 77.535-171.112 171.112v425.107c0 90.903 77.535 168.438 171.112 168.438h26.736c0 32.084 26.737 56.146 56.147 56.146s56.146-26.736 56.146-56.146h395.697c2.674 32.084 29.41 56.146 61.494 53.473 29.41-2.674 50.798-24.063 53.472-53.473h21.39c93.576 0 171.111-77.535 171.111-171.112V339.551c-2.673-93.577-80.208-168.439-173.785-168.439zM863.582 831.5H211.217c-34.757 0-61.494-29.41-64.167-64.167l-2.674-433.128c0-34.758 29.41-64.167 64.167-64.167H860.91c34.757 0 61.493 29.41 64.167 64.167l2.673 433.128c-2.673 37.43-29.41 64.167-64.167 64.167z"/>
                        <path d="M422.433 417.086l16.042 80.209-213.89 40.104-16.042-80.208 213.89-40.105zm205.87 80.209l16.042-80.209 213.89 40.105-16.042 80.208-213.89-40.104zm42.778 168.439c0 2.673 0 8.02-2.674 10.694-13.368 29.41-42.778 48.126-77.535 50.8-21.389 0-42.778-10.695-56.146-26.737-16.042 16.042-34.757 26.736-56.146 26.736-32.084-2.673-61.494-21.389-77.536-50.799 0-2.673-2.673-5.347-2.673-10.694 0-10.695 8.02-18.716 18.715-21.39h2.674c8.02 0 13.368 2.674 16.042 10.695 0 0 21.389 29.41 40.104 29.41 37.43 0 37.43-32.083 58.82-56.146 24.063 26.736 24.063 56.146 58.82 56.146 24.062 0 40.104-29.41 40.104-29.41 2.674-5.347 10.695-10.694 16.042-10.694 10.694-2.674 18.715 5.347 21.389 16.041v5.348z"/>
                    </svg>
                </a>



<!--                <a class="foot_tag" href="https://space.bilibili.com/132989421" title="哔哩哔哩" target="_blank">-->
<!--                    <svg t="1616163833966" class="icon" viewBox="0 0 1024 1024" version="1.1"-->
<!--                         xmlns="http://www.w3.org/2000/svg" p-id="6215" width="35" height="35">-->
<!--                        <path d="M777.514667 131.669333a53.333333 53.333333 0 0 1 0 75.434667L728.746667 255.829333h49.92A160 160 0 0 1 938.666667 415.872v320a160 160 0 0 1-160 160H245.333333A160 160 0 0 1 85.333333 735.872v-320a160 160 0 0 1 160-160h49.749334L246.4 207.146667a53.333333 53.333333 0 1 1 75.392-75.434667l113.152 113.152c3.370667 3.370667 6.186667 7.04 8.448 10.965333h137.088c2.261333-3.925333 5.12-7.68 8.490667-11.008l113.109333-113.152a53.333333 53.333333 0 0 1 75.434667 0z m1.152 231.253334H245.333333a53.333333 53.333333 0 0 0-53.205333 49.365333l-0.128 4.010667v320c0 28.117333 21.76 51.157333 49.365333 53.162666l3.968 0.170667h533.333334a53.333333 53.333333 0 0 0 53.205333-49.365333l0.128-3.968v-320c0-29.44-23.893333-53.333333-53.333333-53.333334z m-426.666667 106.666666c29.44 0 53.333333 23.893333 53.333333 53.333334v53.333333a53.333333 53.333333 0 1 1-106.666666 0v-53.333333c0-29.44 23.893333-53.333333 53.333333-53.333334z m320 0c29.44 0 53.333333 23.893333 53.333333 53.333334v53.333333a53.333333 53.333333 0 1 1-106.666666 0v-53.333333c0-29.44 23.893333-53.333333 53.333333-53.333334z"-->
<!--                              p-id="6216" fill="#e6e6e6"></path>-->
<!--                    </svg>-->
<!--                </a>-->

            </div>

            <p>Copyright © 2019 luo All Rights Reserved.
                <br>
                <a class="record" target="_blank" :href="filing.org_url">{{ filing.code }}</a>
                <br>
            </p>

        </div>
    </div>

</template>

<script>
    export default {
        name: "FooterForMain",
        data() {
            return {
                filing: {
                    title: 'Luo',
                    code: '闽ICP备19019041号-1',
                    org_url: 'https://beian.miit.gov.cn/',
                }
            }
        },
        computed: {
            dark() {
                return this.$store.state.dark;
            }
        }
    }
</script>

<style lang="scss" scoped>
    .main_footer {
        width: 100%;
        min-height: 23vw;
        background-color: #2b2d33;
        text-align: center;
        color: white;
        padding: 1vw;
        font-weight: 600;

    }

    .record {
        text-decoration: none;
        color: white;

        &:hover {
            color: skyblue;
        }
    }

    .foot_tag {
        padding: 7px;
    }
</style>
